<ul class="nav nav-pills nav-stacked custom-nav" id="side-menu">
    <!-- htmlmin:ignore -->
    <li class="active"><a ui-sref="home"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
    <li ng-repeat="item in menuList|orderBy: 'orderNo':false" class="menu-list" ng-class={"nav-active":item.unfold}>
        <a ng-click="itemClicked(item)">
            <i class="fa fa-laptop"></i>
            <span translate="{{item.name}}"></span>
        </a>
        <ul ng-if="item.child.length > 0" class="sub-menu-list"
            ng-class="{'nav':true, 'in':item.unfold, 'nav-second-level':true, 'collapse':true}">
            <li ng-repeat="child in item.child | orderBy:'orderNo':false">
                <a ui-sref="{{child.url}}" style="padding-left: 37px" ng-click="addTab(child)"><div class="glyphicon glyphicon-leaf">&nbsp;<span translate="{{child.name}}"></span></div>
                </a>
            </li>
        </ul>
    </li>
    <!-- htmlmin:ignore -->
</ul>
